<!doctype html> 
<html> 
<head> 
    <meta charset="utf-8">
    <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0" name="viewport"> 
    <title></title>
    <style type="text/css">
*{margin: 0;padding: 0;list-style: none;}
html,body{
	height: 100%;
}
img{float: left;}



    </style> 


</head>
<body>

	<img src="01a498558bbf96000000b18fdb365a.jpg" id='img'>
	<script type="text/javascript">

	var min = document.body.offsetWidth
	var a = new Image();
	a.onload = function(){
		var max = img.offsetWidth;
		var needB = min / max;
		document.querySelectorAll('meta')[1].content = 'width=device-width, initial-scale='+needB+', maximum-scale='+needB+', user-scalable=0'
	};
	a.src=img.src;
	
	
	//alert(img.src)
	

	</script>
</body>
</html>